<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 隐藏元素一共有7种方法(5) */
        h1{
           background-color: red;
           /* display: none;  元素消失，不占位 */
           /* visibility: hidden; 元素消失，占位 */
           /* opacity:0; 容器上的所有内容透明度 0-1 元素消失，占位 */
           /* font-size:0; 字体大小  元素消失，不占位 */

           /* 元素消失，不占位 */
           /* height:0;  */
           /* 高度为0 */
           /* overflow:hidden;  */
           /* 溢出隐藏 超出高度隐藏 */

           /* height:100px; */
           /* font-size:0; */
        }
    </style>
</head>
<body>
    <h1>111</h1>
    <h2>2222</h2>
</body>
</html>